/*
# Copyright (c) 2020-2030 iSoftStone Information Technology (Group) Co.,Ltd.
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#     http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
*/

.container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background-color: skyblue;
}

.titles {
    margin:5vp;
    font-size: 16vp;
    color: #000000;
}

.list_item {
    font-size: 16vp;
}

.lists{
    width: 98%;
    height: 40%;
    font-size: 16vp;
    padding: 2vp;
    background-color: white;
}

.input-item {
    width: 98%;
    margin-top: 10vp;
}
.input-title {
    width: 20%;
    font-size: 16vp;
}
.input-text {
    background-color: white;
}

.tabs {
    width: 98%;
    height: 45%;
    background-color: white;
    margin-top: 10vp;
}

.tabBar {
    width: 100%;
    height: 50vp;
    background-color: skyblue;
}

.tabBarItem {
    font-size: 16vp;
    height: 100%;
}

.tabBarItem:active{
    background-color: powderblue;
}

.tabContent,.tabContentItem {
    width: 100%;
    height: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
    background-color: powderblue;
}

.btn-group{
    margin-top:2vp;
    margin-bottom:5vp;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.circleall{
    width: 90%;
    flex-direction: row;
    justify-content: space-around;
    margin-left: 4%;
}

.btn{
    margin-top:10vp;
    font-size: 16vp;
    background-color: orange;
    opacity: .7;
    color: #000000;
    width: 180vp;
    height: 40vp;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn:active{
    background-color: red;
}

